:root {
    --color-white: hsla(0 0% 100% / 1);
    --color-black: hsla(0 0% 0% / 1);
    --color-gray: hsla(193.63636363636363 10.784313725490199% 60.00000000000001% / 1);
    --color-gray--50: hsla(from var(--color-gray) h s 95% / alpha);
    --color-gray--100: hsla(from var(--color-gray) h s 90% / alpha);
    --color-gray--200: hsla(from var(--color-gray) h s 80% / alpha);
    --color-gray--300: hsla(from var(--color-gray) h s 70% / alpha);
    --color-gray--400: hsla(from var(--color-gray) h s 60% / alpha);
    --color-gray--500: hsla(from var(--color-gray) h s 50% / alpha);
    --color-gray--600: hsla(from var(--color-gray) h s 40% / alpha);
    --color-gray--700: hsla(from var(--color-gray) h s 30% / alpha);
    --color-gray--800: hsla(from var(--color-gray) h s 20% / alpha);
    --color-gray--900: hsla(from var(--color-gray) h s 10% / alpha);
    --color-gray--950: hsla(from var(--color-gray) h s 5% / alpha);
    --border-style--none: none;
    --border-style--solid: solid;
    --border-style--dashed: dashed;
    --border-style--dotted: dotted;
    --border-style--double: double;
    --border-style--groove: groove;
    --border-top-style: var(--border-style--solid);
    --border-right-style: var(--border-style--solid);
    --border-bottom-style: var(--border-style--solid);
    --border-left-style: var(--border-style--solid);
    --border-style: var(--border-top-style) var(--border-right-style) var(--border-bottom-style) var(--border-left-style);
    --border-width--none: 0;
    --border-width--thin: thin;
    --border-width--medium: medium;
    --border-width--thick: thick;
    --border-top-width: var(--border-width--thin);
    --border-right-width: var(--border-width--thin);
    --border-bottom-width: var(--border-width--thin);
    --border-left-width: var(--border-width--thin);
    --border-width: var(--border-top-width) var(--border-right-width) var(--border-bottom-width) var(--border-left-width);
    --border-top-color: var(--color-gray--200);
    --border-right-color: var(--color-gray--200);
    --border-bottom-color: var(--color-gray--200);
    --border-left-color: var(--color-gray--200);
    --border-color: var(--border-top-color) var(--border-right-color) var(--border-bottom-color) var(--border-left-color);
    --border-top: var(--border-top-width) var(--border-top-style) var(--border-top-color);
    --border-right: var(--border-right-width) var(--border-right-style) var(--border-right-color);
    --border-bottom: var(--border-bottom-width) var(--border-bottom-style) var(--border-bottom-color);
    --border-left: var(--border-left-width) var(--border-left-style) var(--border-left-color);
    --border: var(--border-width) var(--border-style) var(--border-color);
    --box-shadow-offset-x--xs: 0;
    --box-shadow-offset-y--xs: 0.125rem;
    --box-shadow-blur-radius--xs: 0.25rem;
    --box-shadow-spread-radius--xs: -0.125rem;
    --box-shadow-color--xs: transparent;
    --box-shadow--xs: var(--box-shadow-offset-x--xs) var(--box-shadow-offset-y--xs) var(--box-shadow-blur-radius--xs) var(--box-shadow-spread-radius--xs) var(--box-shadow-color--xs);
    --box-shadow-offset-x--sm: 0;
    --box-shadow-offset-y--sm: 0.25rem;
    --box-shadow-blur-radius--sm: 0.5rem;
    --box-shadow-spread-radius--sm: -0.25rem;
    --box-shadow-color--sm: rgba(0, 0, 0, 0.075);
    --box-shadow--sm: var(--box-shadow-offset-x--sm) var(--box-shadow-offset-y--sm) var(--box-shadow-blur-radius--sm) var(--box-shadow-spread-radius--sm) var(--box-shadow-color--sm);
    --box-shadow-offset-x--md: 0;
    --box-shadow-offset-y--md: 0.5rem;
    --box-shadow-blur-radius--md: 1rem;
    --box-shadow-spread-radius--md: -0.75rem;
    --box-shadow-color--md: rgba(0, 0, 0, 0.15);
    --box-shadow--md: var(--box-shadow-offset-x--md) var(--box-shadow-offset-y--md) var(--box-shadow-blur-radius--md) var(--box-shadow-spread-radius--md) var(--box-shadow-color--md);
    --box-shadow-offset-x--lg: 0;
    --box-shadow-offset-y--lg: 1rem;
    --box-shadow-blur-radius--lg: 1.5rem;
    --box-shadow-spread-radius--lg: -1.5rem;
    --box-shadow-color--lg: rgba(0, 0, 0, 0.2);
    --box-shadow--lg: var(--box-shadow-offset-x--lg) var(--box-shadow-offset-y--lg) var(--box-shadow-blur-radius--lg) var(--box-shadow-spread-radius--lg) var(--box-shadow-color--lg);
    --box-shadow-offset-x--xl: 0;
    --box-shadow-offset-y--xl: 1.5rem;
    --box-shadow-blur-radius--xl: 2rem;
    --box-shadow-spread-radius--xl: -2rem;
    --box-shadow-color--xl: rgba(0, 0, 0, 0.25);
    --box-shadow--xl: var(--box-shadow-offset-x--xl) var(--box-shadow-offset-y--xl) var(--box-shadow-blur-radius--xl) var(--box-shadow-spread-radius--xl) var(--box-shadow-color--xl);
    --box-shadow-offset-x: var(--box-shadow-offset-x--md);
    --box-shadow-offset-y: var(--box-shadow-offset-y--md);
    --box-shadow-blur-radius: var(--box-shadow-blur-radius--md);
    --box-shadow-spread-radius: var(--box-shadow-spread-radius--md);
    --box-shadow-color: var(--box-shadow-color--md);
    --box-shadow: var(--box-shadow-offset-x) var(--box-shadow-offset-y) var(--box-shadow-blur-radius) var(--box-shadow-spread-radius) var(--box-shadow-color);
    --box-shadow--none: none;
    --fluid--min-width: 320;
    --fluid--max-width: 1440;
    --fluid--screen: 100vw;
    --fluid--breakpoint: calc((var(--fluid--screen) - var(--fluid--min-width) / 16 * 1rem) / (var(--fluid--max-width) - var(--fluid--min-width)));
    --scale--minor-second: 1.067;
    --scale--major-second: 1.125;
    --scale--minor-third: 1.2;
    --scale--major-third: 1.25;
    --scale--perfect-fourth: 1.333;
    --scale--augmented-fourth: 1.414;
    --scale--perfect-fifth: 1.5;
    --scale--golden: 1.618;
    --scale: var(--scale--minor-third);
    --scale--pow-minus-2: calc(var(--scale) / var(--scale) / var(--scale));
    --scale--pow-minus-1: calc(var(--scale) / var(--scale));
    --scale--pow-1: calc(var(--scale) * 1);
    --scale--pow-2: calc(var(--scale) * var(--scale));
    --scale--pow-3: calc(var(--scale) * var(--scale) * var(--scale));
    --scale--pow-4: calc(var(--scale) * var(--scale) * var(--scale) * var(--scale));
    --scale--pow-5: calc(var(--scale) * var(--scale) * var(--scale) * var(--scale) * var(--scale));
    --type-scale--min: var(--scale--minor-third);
    --type-scale--max: var(--scale--major-third);
    --type-scale--min--pow-minus-4: calc(1 / var(--type-scale--min) / var(--type-scale--min) / var(--type-scale--min) / var(--type-scale--min));
    --type-scale--min--pow-minus-3: calc(1 / var(--type-scale--min) / var(--type-scale--min) / var(--type-scale--min));
    --type-scale--min--pow-minus-2: calc(1 / var(--type-scale--min) / var(--type-scale--min));
    --type-scale--min--pow-minus-1: calc(1 / var(--type-scale--min));
    --type-scale--min--pow-1: calc(var(--type-scale--min) * 1);
    --type-scale--min--pow-2: calc(var(--type-scale--min) * var(--type-scale--min));
    --type-scale--min--pow-3: calc(var(--type-scale--min) * var(--type-scale--min) * var(--type-scale--min));
    --type-scale--min--pow-4: calc(var(--type-scale--min) * var(--type-scale--min) * var(--type-scale--min) * var(--type-scale--min));
    --type-scale--min--pow-5: calc(var(--type-scale--min) * var(--type-scale--min) * var(--type-scale--min) * var(--type-scale--min) * var(--type-scale--min));
    --type-scale--max--pow-minus-4: calc(1 / var(--type-scale--max) / var(--type-scale--max) / var(--type-scale--max) / var(--type-scale--max));
    --type-scale--max--pow-minus-3: calc(1 / var(--type-scale--max) / var(--type-scale--max) / var(--type-scale--max));
    --type-scale--max--pow-minus-2: calc(1 / var(--type-scale--max) / var(--type-scale--max));
    --type-scale--max--pow-minus-1: calc(1 / var(--type-scale--max));
    --type-scale--max--pow-1: calc(var(--type-scale--max) * 1);
    --type-scale--max--pow-2: calc(var(--type-scale--max) * var(--type-scale--max));
    --type-scale--max--pow-3: calc(var(--type-scale--max) * var(--type-scale--max) * var(--type-scale--max));
    --type-scale--max--pow-4: calc(var(--type-scale--max) * var(--type-scale--max) * var(--type-scale--max) * var(--type-scale--max));
    --type-scale--max--pow-5: calc(var(--type-scale--max) * var(--type-scale--max) * var(--type-scale--max) * var(--type-scale--max) * var(--type-scale--max));
    --font-size--min: 16;
    --font-size--max: 18;
    --font-size--min--2xs: calc(var(--font-size--min) * var(--type-scale--min--pow-minus-3));
    --font-size--min--xs: calc(var(--font-size--min) * var(--type-scale--min--pow-minus-2));
    --font-size--min--sm: calc(var(--font-size--min) * var(--type-scale--min--pow-minus-1));
    --font-size--min--md: var(--font-size--min);
    --font-size--min--lg: calc(var(--font-size--min) * var(--type-scale--min--pow-1));
    --font-size--min--xl: calc(var(--font-size--min) * var(--type-scale--min--pow-2));
    --font-size--min--2xl: calc(var(--font-size--min) * var(--type-scale--min--pow-3));
    --font-size--min--3xl: calc(var(--font-size--min) * var(--type-scale--min--pow-4));
    --font-size--min--4xl: calc(var(--font-size--min) * var(--type-scale--min--pow-5));
    --font-size--max--2xs: calc(var(--font-size--max) * var(--type-scale--max--pow-minus-3));
    --font-size--max--xs: calc(var(--font-size--max) * var(--type-scale--max--pow-minus-2));
    --font-size--max--sm: calc(var(--font-size--max) * var(--type-scale--max--pow-minus-1));
    --font-size--max--md: var(--font-size--max);
    --font-size--max--lg: calc(var(--font-size--max) * var(--type-scale--max--pow-1));
    --font-size--max--xl: calc(var(--font-size--max) * var(--type-scale--max--pow-2));
    --font-size--max--2xl: calc(var(--font-size--max) * var(--type-scale--max--pow-3));
    --font-size--max--3xl: calc(var(--font-size--max) * var(--type-scale--max--pow-4));
    --font-size--max--4xl: calc(var(--font-size--max) * var(--type-scale--max--pow-5));
    --font-size--2xs: calc(((var(--font-size--min--2xs) / 16) * 1rem) + (var(--font-size--max--2xs) - var(--font-size--min--2xs)) * var(--fluid--breakpoint));
    --font-size--xs: calc(((var(--font-size--min--xs) / 16) * 1rem) + (var(--font-size--max--xs) - var(--font-size--min--xs)) * var(--fluid--breakpoint));
    --font-size--sm: calc(((var(--font-size--min--sm) / 16) * 1rem) + (var(--font-size--max--sm) - var(--font-size--min--sm)) * var(--fluid--breakpoint));
    --font-size--md: calc(((var(--font-size--min--md) / 16) * 1rem) + (var(--font-size--max--md) - var(--font-size--min--md)) * var(--fluid--breakpoint));
    --font-size--lg: calc(((var(--font-size--min--lg) / 16) * 1rem) + (var(--font-size--max--lg) - var(--font-size--min--lg)) * var(--fluid--breakpoint));
    --font-size--xl: calc(((var(--font-size--min--xl) / 16) * 1rem) + (var(--font-size--max--xl) - var(--font-size--min--xl)) * var(--fluid--breakpoint));
    --font-size--2xl: calc(((var(--font-size--min--2xl) / 16) * 1rem) + (var(--font-size--max--2xl) - var(--font-size--min--2xl)) * var(--fluid--breakpoint));
    --font-size--3xl: calc(((var(--font-size--min--3xl) / 16) * 1rem) + (var(--font-size--max--3xl) - var(--font-size--min--3xl)) * var(--fluid--breakpoint));
    --font-size--4xl: calc(((var(--font-size--min--4xl) / 16) * 1rem) + (var(--font-size--max--4xl) - var(--font-size--min--4xl)) * var(--fluid--breakpoint));
    --font-size--inherit: inherit;
    --font-size: var(--font-size--md);
    --line-height--tight: 1.2;
    --line-height--snug: 1.35;
    --line-height--normal: 1.5;
    --line-height--relaxed: 1.65;
    --line-height--loose: 1.9;
    --line-height: var(--line-height--normal);
    --transition-property: color, background-color, border-color;
    --transition-duration: 300ms;
    --transition-timing-function: ease;
    --transition: var(--transition-property) var(--transition-duration) var(--transition-timing-function);
    --text-color: var(--color-gray--900);
    --text-color--weak: var(--color-gray--700);
    --text-color--weaker: var(--color-gray--500);
    --text-color--weakest: var(--color-gray--300);
    --color-red: hsla(0 89.07103825136613% 64.11764705882354% / 1);
    --color-orange: hsla(19.622641509433947 92.9824561403509% 66.47058823529412% / 1);
    --color-yellow: hsla(43.676470588235304 100% 73.33333333333334% / 1);
    --color-green: hsla(154.4186046511628 57.847533632286996% 43.72549019607843% / 1);
    --color-teal: hsla(173.8888888888889 42.85714285714286% 49.411764705882355% / 1);
    --color-blue: hsla(195.0967741935484 77.11442786069651% 39.411764705882355% / 1);
    --color-indigo: hsla(227.9289940828403 89.41798941798945% 62.94117647058823% / 1);
    --color-purple: hsla(262.2857142857142 30.172413793103452% 54.50980392156863% / 1);
    --color-pink: hsla(351.42857142857144 95.68345323741009% 72.74509803921569% / 1);
    --color-primary: var(--color-blue);
    --color-secondary: var(--color-purple);
    --color-info: var(--color-teal);
    --color-success: var(--color-green);
    --color-warning: var(--color-yellow);
    --color-danger: var(--color-red);
    --color-light: var(--color-gray--100);
    --color-dark: var(--color-gray--800);
    --color-primary--50: hsla(from var(--color-primary) h s 95% / alpha);
    --color-primary--100: hsla(from var(--color-primary) h s 90% / alpha);
    --color-primary--200: hsla(from var(--color-primary) h s 80% / alpha);
    --color-primary--300: hsla(from var(--color-primary) h s 70% / alpha);
    --color-primary--400: hsla(from var(--color-primary) h s 60% / alpha);
    --color-primary--500: hsla(from var(--color-primary) h s 50% / alpha);
    --color-primary--600: hsla(from var(--color-primary) h s 40% / alpha);
    --color-primary--700: hsla(from var(--color-primary) h s 30% / alpha);
    --color-primary--800: hsla(from var(--color-primary) h s 20% / alpha);
    --color-primary--900: hsla(from var(--color-primary) h s 10% / alpha);
    --color-primary--950: hsla(from var(--color-primary) h s 5% / alpha);
    --color-primary--tint-50: hsla(from var(--color-primary) h s calc(l + 5) / alpha);
    --color-primary--tint-100: hsla(from var(--color-primary) h s calc(l + 10) / alpha);
    --color-primary--tint-150: hsla(from var(--color-primary) h s calc(l + 15) / alpha);
    --color-primary--shade-50: hsla(from var(--color-primary) h s calc(l - 5) / alpha);
    --color-primary--shade-100: hsla(from var(--color-primary) h s calc(l - 10) / alpha);
    --color-primary--shade-150: hsla(from var(--color-primary) h s calc(l - 15) / alpha);
    --color-secondary--50: hsla(from var(--color-secondary) h s 95% / alpha);
    --color-secondary--100: hsla(from var(--color-secondary) h s 90% / alpha);
    --color-secondary--200: hsla(from var(--color-secondary) h s 80% / alpha);
    --color-secondary--300: hsla(from var(--color-secondary) h s 70% / alpha);
    --color-secondary--400: hsla(from var(--color-secondary) h s 60% / alpha);
    --color-secondary--500: hsla(from var(--color-secondary) h s 50% / alpha);
    --color-secondary--600: hsla(from var(--color-secondary) h s 40% / alpha);
    --color-secondary--700: hsla(from var(--color-secondary) h s 30% / alpha);
    --color-secondary--800: hsla(from var(--color-secondary) h s 20% / alpha);
    --color-secondary--900: hsla(from var(--color-secondary) h s 10% / alpha);
    --color-secondary--950: hsla(from var(--color-secondary) h s 5% / alpha);
    --color-secondary--tint-50: hsla(from var(--color-secondary) h s calc(l + 5) / alpha);
    --color-secondary--tint-100: hsla(from var(--color-secondary) h s calc(l + 10) / alpha);
    --color-secondary--tint-150: hsla(from var(--color-secondary) h s calc(l + 15) / alpha);
    --color-secondary--shade-50: hsla(from var(--color-secondary) h s calc(l - 5) / alpha);
    --color-secondary--shade-100: hsla(from var(--color-secondary) h s calc(l - 10) / alpha);
    --color-secondary--shade-150: hsla(from var(--color-secondary) h s calc(l - 15) / alpha);
    --color-info--50: hsla(from var(--color-info) h s 95% / alpha);
    --color-info--100: hsla(from var(--color-info) h s 90% / alpha);
    --color-info--200: hsla(from var(--color-info) h s 80% / alpha);
    --color-info--300: hsla(from var(--color-info) h s 70% / alpha);
    --color-info--400: hsla(from var(--color-info) h s 60% / alpha);
    --color-info--500: hsla(from var(--color-info) h s 50% / alpha);
    --color-info--600: hsla(from var(--color-info) h s 40% / alpha);
    --color-info--700: hsla(from var(--color-info) h s 30% / alpha);
    --color-info--800: hsla(from var(--color-info) h s 20% / alpha);
    --color-info--900: hsla(from var(--color-info) h s 10% / alpha);
    --color-info--950: hsla(from var(--color-info) h s 5% / alpha);
    --color-info--tint-50: hsla(from var(--color-info) h s calc(l + 5) / alpha);
    --color-info--tint-100: hsla(from var(--color-info) h s calc(l + 10) / alpha);
    --color-info--tint-150: hsla(from var(--color-info) h s calc(l + 15) / alpha);
    --color-info--shade-50: hsla(from var(--color-info) h s calc(l - 5) / alpha);
    --color-info--shade-100: hsla(from var(--color-info) h s calc(l - 10) / alpha);
    --color-info--shade-150: hsla(from var(--color-info) h s calc(l - 15) / alpha);
    --color-success--50: hsla(from var(--color-success) h s 95% / alpha);
    --color-success--100: hsla(from var(--color-success) h s 90% / alpha);
    --color-success--200: hsla(from var(--color-success) h s 80% / alpha);
    --color-success--300: hsla(from var(--color-success) h s 70% / alpha);
    --color-success--400: hsla(from var(--color-success) h s 60% / alpha);
    --color-success--500: hsla(from var(--color-success) h s 50% / alpha);
    --color-success--600: hsla(from var(--color-success) h s 40% / alpha);
    --color-success--700: hsla(from var(--color-success) h s 30% / alpha);
    --color-success--800: hsla(from var(--color-success) h s 20% / alpha);
    --color-success--900: hsla(from var(--color-success) h s 10% / alpha);
    --color-success--950: hsla(from var(--color-success) h s 5% / alpha);
    --color-success--tint-50: hsla(from var(--color-success) h s calc(l + 5) / alpha);
    --color-success--tint-100: hsla(from var(--color-success) h s calc(l + 10) / alpha);
    --color-success--tint-150: hsla(from var(--color-success) h s calc(l + 15) / alpha);
    --color-success--shade-50: hsla(from var(--color-success) h s calc(l - 5) / alpha);
    --color-success--shade-100: hsla(from var(--color-success) h s calc(l - 10) / alpha);
    --color-success--shade-150: hsla(from var(--color-success) h s calc(l - 15) / alpha);
    --color-warning--50: hsla(from var(--color-warning) h s 95% / alpha);
    --color-warning--100: hsla(from var(--color-warning) h s 90% / alpha);
    --color-warning--200: hsla(from var(--color-warning) h s 80% / alpha);
    --color-warning--300: hsla(from var(--color-warning) h s 70% / alpha);
    --color-warning--400: hsla(from var(--color-warning) h s 60% / alpha);
    --color-warning--500: hsla(from var(--color-warning) h s 50% / alpha);
    --color-warning--600: hsla(from var(--color-warning) h s 40% / alpha);
    --color-warning--700: hsla(from var(--color-warning) h s 30% / alpha);
    --color-warning--800: hsla(from var(--color-warning) h s 20% / alpha);
    --color-warning--900: hsla(from var(--color-warning) h s 10% / alpha);
    --color-warning--950: hsla(from var(--color-warning) h s 5% / alpha);
    --color-warning--tint-50: hsla(from var(--color-warning) h s calc(l + 5) / alpha);
    --color-warning--tint-100: hsla(from var(--color-warning) h s calc(l + 10) / alpha);
    --color-warning--tint-150: hsla(from var(--color-warning) h s calc(l + 15) / alpha);
    --color-warning--shade-50: hsla(from var(--color-warning) h s calc(l - 5) / alpha);
    --color-warning--shade-100: hsla(from var(--color-warning) h s calc(l - 10) / alpha);
    --color-warning--shade-150: hsla(from var(--color-warning) h s calc(l - 15) / alpha);
    --color-danger--50: hsla(from var(--color-danger) h s 95% / alpha);
    --color-danger--100: hsla(from var(--color-danger) h s 90% / alpha);
    --color-danger--200: hsla(from var(--color-danger) h s 80% / alpha);
    --color-danger--300: hsla(from var(--color-danger) h s 70% / alpha);
    --color-danger--400: hsla(from var(--color-danger) h s 60% / alpha);
    --color-danger--500: hsla(from var(--color-danger) h s 50% / alpha);
    --color-danger--600: hsla(from var(--color-danger) h s 40% / alpha);
    --color-danger--700: hsla(from var(--color-danger) h s 30% / alpha);
    --color-danger--800: hsla(from var(--color-danger) h s 20% / alpha);
    --color-danger--900: hsla(from var(--color-danger) h s 10% / alpha);
    --color-danger--950: hsla(from var(--color-danger) h s 5% / alpha);
    --color-danger--tint-50: hsla(from var(--color-danger) h s calc(l + 5) / alpha);
    --color-danger--tint-100: hsla(from var(--color-danger) h s calc(l + 10) / alpha);
    --color-danger--tint-150: hsla(from var(--color-danger) h s calc(l + 15) / alpha);
    --color-danger--shade-50: hsla(from var(--color-danger) h s calc(l - 5) / alpha);
    --color-danger--shade-100: hsla(from var(--color-danger) h s calc(l - 10) / alpha);
    --color-danger--shade-150: hsla(from var(--color-danger) h s calc(l - 15) / alpha);
    --color-light--shade-50: hsla(from var(--color-light) h s calc(l - 5) / alpha);
    --color-light--shade-100: hsla(from var(--color-light) h s calc(l - 10) / alpha);
    --color-light--shade-150: hsla(from var(--color-light) h s calc(l - 15) / alpha);
    --color-light--tint-50: hsla(from var(--color-light) h s calc(l + 5) / alpha);
    --color-light--tint-100: hsla(from var(--color-light) h s calc(l + 10) / alpha);
    --color-light--tint-150: hsla(from var(--color-light) h s calc(l + 15) / alpha);
    --color-dark--tint-50: hsla(from var(--color-dark) h s calc(l + 5) / alpha);
    --color-dark--tint-100: hsla(from var(--color-dark) h s calc(l + 10) / alpha);
    --color-dark--tint-150: hsla(from var(--color-dark) h s calc(l + 15) / alpha);
    --color-dark--shade-50: hsla(from var(--color-dark) h s calc(l - 5) / alpha);
    --color-dark--shade-100: hsla(from var(--color-dark) h s calc(l - 10) / alpha);
    --color-dark--shade-150: hsla(from var(--color-dark) h s calc(l - 15) / alpha);
    --contrast-text-color-light: var(--color-gray--900);
    --contrast-text-color-dark: var(--color-white);
    --contrast-text-color-primary: var(--contrast-text-color-dark);
    --contrast-text-color-secondary: var(--contrast-text-color-dark);
    --contrast-text-color-info: var(--contrast-text-color-light);
    --contrast-text-color-success: var(--contrast-text-color-light);
    --contrast-text-color-warning: var(--contrast-text-color-light);
    --contrast-text-color-danger: var(--contrast-text-color-light);
    --border-radius--min: 6;
    --border-radius--max: 8;
    --border-radius--min--xs: calc(var(--border-radius--min) * 0.5);
    --border-radius--min--sm: calc(var(--border-radius--min) * 0.75);
    --border-radius--min--md: var(--border-radius--min);
    --border-radius--min--lg: calc(var(--border-radius--min) * 1.25);
    --border-radius--min--xl: calc(var(--border-radius--min) * 1.5);
    --border-radius--max--xs: calc(var(--border-radius--max) * 0.5);
    --border-radius--max--sm: calc(var(--border-radius--max) * 0.75);
    --border-radius--max--md: var(--border-radius--max);
    --border-radius--max--lg: calc(var(--border-radius--max) * 1.25);
    --border-radius--max--xl: calc(var(--border-radius--max) * 1.5);
    --border-top-left-radius--none: 0;
    --border-top-left-radius--xs: calc(((var(--border-radius--min--xs) / 16) * 1rem) + (var(--border-radius--max--xs) - var(--border-radius--min--xs)) * var(--fluid--breakpoint));
    --border-top-left-radius--sm: calc(((var(--border-radius--min--sm) / 16) * 1rem) + (var(--border-radius--max--sm) - var(--border-radius--min--sm)) * var(--fluid--breakpoint));
    --border-top-left-radius--md: calc(((var(--border-radius--min--md) / 16) * 1rem) + (var(--border-radius--max--md) - var(--border-radius--min--md)) * var(--fluid--breakpoint));
    --border-top-left-radius--lg: calc(((var(--border-radius--min--lg) / 16) * 1rem) + (var(--border-radius--max--lg) - var(--border-radius--min--lg)) * var(--fluid--breakpoint));
    --border-top-left-radius--xl: calc(((var(--border-radius--min--xl) / 16) * 1rem) + (var(--border-radius--max--xl) - var(--border-radius--min--xl)) * var(--fluid--breakpoint));
    --border-top-left-radius--full: 50%;
    --border-top-right-radius--none: 0;
    --border-top-right-radius--xs: calc(((var(--border-radius--min--xs) / 16) * 1rem) + (var(--border-radius--max--xs) - var(--border-radius--min--xs)) * var(--fluid--breakpoint));
    --border-top-right-radius--sm: calc(((var(--border-radius--min--sm) / 16) * 1rem) + (var(--border-radius--max--sm) - var(--border-radius--min--sm)) * var(--fluid--breakpoint));
    --border-top-right-radius--md: calc(((var(--border-radius--min--md) / 16) * 1rem) + (var(--border-radius--max--md) - var(--border-radius--min--md)) * var(--fluid--breakpoint));
    --border-top-right-radius--lg: calc(((var(--border-radius--min--lg) / 16) * 1rem) + (var(--border-radius--max--lg) - var(--border-radius--min--lg)) * var(--fluid--breakpoint));
    --border-top-right-radius--xl: calc(((var(--border-radius--min--xl) / 16) * 1rem) + (var(--border-radius--max--xl) - var(--border-radius--min--xl)) * var(--fluid--breakpoint));
    --border-top-right-radius--full: 50%;
    --border-bottom-right-radius--none: 0;
    --border-bottom-right-radius--xs: calc(((var(--border-radius--min--xs) / 16) * 1rem) + (var(--border-radius--max--xs) - var(--border-radius--min--xs)) * var(--fluid--breakpoint));
    --border-bottom-right-radius--sm: calc(((var(--border-radius--min--sm) / 16) * 1rem) + (var(--border-radius--max--sm) - var(--border-radius--min--sm)) * var(--fluid--breakpoint));
    --border-bottom-right-radius--md: calc(((var(--border-radius--min--md) / 16) * 1rem) + (var(--border-radius--max--md) - var(--border-radius--min--md)) * var(--fluid--breakpoint));
    --border-bottom-right-radius--lg: calc(((var(--border-radius--min--lg) / 16) * 1rem) + (var(--border-radius--max--lg) - var(--border-radius--min--lg)) * var(--fluid--breakpoint));
    --border-bottom-right-radius--xl: calc(((var(--border-radius--min--xl) / 16) * 1rem) + (var(--border-radius--max--xl) - var(--border-radius--min--xl)) * var(--fluid--breakpoint));
    --border-bottom-right-radius--full: 50%;
    --border-bottom-left-radius--none: 0;
    --border-bottom-left-radius--xs: calc(((var(--border-radius--min--xs) / 16) * 1rem) + (var(--border-radius--max--xs) - var(--border-radius--min--xs)) * var(--fluid--breakpoint));
    --border-bottom-left-radius--sm: calc(((var(--border-radius--min--sm) / 16) * 1rem) + (var(--border-radius--max--sm) - var(--border-radius--min--sm)) * var(--fluid--breakpoint));
    --border-bottom-left-radius--md: calc(((var(--border-radius--min--md) / 16) * 1rem) + (var(--border-radius--max--md) - var(--border-radius--min--md)) * var(--fluid--breakpoint));
    --border-bottom-left-radius--lg: calc(((var(--border-radius--min--lg) / 16) * 1rem) + (var(--border-radius--max--lg) - var(--border-radius--min--lg)) * var(--fluid--breakpoint));
    --border-bottom-left-radius--xl: calc(((var(--border-radius--min--xl) / 16) * 1rem) + (var(--border-radius--max--xl) - var(--border-radius--min--xl)) * var(--fluid--breakpoint));
    --border-bottom-left-radius--full: 50%;
    --border-radius--xs: var(--border-top-left-radius--xs) var(--border-top-right-radius--xs) var(--border-bottom-right-radius--xs) var(--border-bottom-left-radius--xs);
    --border-radius--sm: var(--border-top-left-radius--sm) var(--border-top-right-radius--sm) var(--border-bottom-right-radius--sm) var(--border-bottom-left-radius--sm);
    --border-radius--md: var(--border-top-left-radius--md) var(--border-top-right-radius--md) var(--border-bottom-right-radius--md) var(--border-bottom-left-radius--md);
    --border-radius--lg: var(--border-top-left-radius--lg) var(--border-top-right-radius--lg) var(--border-bottom-right-radius--lg) var(--border-bottom-left-radius--lg);
    --border-radius--xl: var(--border-top-left-radius--xl) var(--border-top-right-radius--xl) var(--border-bottom-right-radius--xl) var(--border-bottom-left-radius--xl);
    --border-radius--full: var(--border-top-left-radius--full) var(--border-top-right-radius--full) var(--border-bottom-right-radius--full) var(--border-bottom-left-radius--full);
    --border-top-left-radius: var(--border-top-left-radius--md);
    --border-top-right-radius: var(--border-top-right-radius--md);
    --border-bottom-right-radius: var(--border-bottom-right-radius--md);
    --border-bottom-left-radius: var(--border-bottom-left-radius--md);
    --border-radius: var(--border-top-left-radius) var(--border-top-right-radius) var(--border-bottom-right-radius) var(--border-bottom-left-radius);
    --spacing--min: var(--font-size--min);
    --spacing--max: var(--font-size--max);
    --spacing--min--4xs: calc(var(--spacing--min) * 0.0625);
    --spacing--min--3xs: calc(var(--spacing--min) * 0.125);
    --spacing--min--2xs: calc(var(--spacing--min) * 0.25);
    --spacing--min--xs: calc(var(--spacing--min) * 0.5);
    --spacing--min--sm: calc(var(--spacing--min) * 0.75);
    --spacing--min--md: var(--spacing--min);
    --spacing--min--lg: calc(var(--spacing--min) * 1.5);
    --spacing--min--xl: calc(var(--spacing--min) * 2);
    --spacing--min--2xl: calc(var(--spacing--min) * 4);
    --spacing--min--3xl: calc(var(--spacing--min) * 6);
    --spacing--min--4xl: calc(var(--spacing--min) * 8);
    --spacing--max--4xs: calc(var(--spacing--max) * 0.0625);
    --spacing--max--3xs: calc(var(--spacing--max) * 0.125);
    --spacing--max--2xs: calc(var(--spacing--max) * 0.25);
    --spacing--max--xs: calc(var(--spacing--max) * 0.5);
    --spacing--max--sm: calc(var(--spacing--max) * 0.75);
    --spacing--max--md: var(--spacing--max);
    --spacing--max--lg: calc(var(--spacing--max) * 1.5);
    --spacing--max--xl: calc(var(--spacing--max) * 2);
    --spacing--max--2xl: calc(var(--spacing--max) * 4);
    --spacing--max--3xl: calc(var(--spacing--max) * 6);
    --spacing--max--4xl: calc(var(--spacing--max) * 8);
    --spacing--4xs: calc(((var(--spacing--min--4xs) / 16) * 1rem) + (var(--spacing--max--4xs) - var(--spacing--min--4xs)) * var(--fluid--breakpoint));
    --spacing--3xs: calc(((var(--spacing--min--3xs) / 16) * 1rem) + (var(--spacing--max--3xs) - var(--spacing--min--3xs)) * var(--fluid--breakpoint));
    --spacing--2xs: calc(((var(--spacing--min--2xs) / 16) * 1rem) + (var(--spacing--max--2xs) - var(--spacing--min--2xs)) * var(--fluid--breakpoint));
    --spacing--xs: calc(((var(--spacing--min--xs) / 16) * 1rem) + (var(--spacing--max--xs) - var(--spacing--min--xs)) * var(--fluid--breakpoint));
    --spacing--sm: calc(((var(--spacing--min--sm) / 16) * 1rem) + (var(--spacing--max--sm) - var(--spacing--min--sm)) * var(--fluid--breakpoint));
    --spacing--md: calc(((var(--spacing--min--md) / 16) * 1rem) + (var(--spacing--max--md) - var(--spacing--min--md)) * var(--fluid--breakpoint));
    --spacing--lg: calc(((var(--spacing--min--lg) / 16) * 1rem) + (var(--spacing--max--lg) - var(--spacing--min--lg)) * var(--fluid--breakpoint));
    --spacing--xl: calc(((var(--spacing--min--xl) / 16) * 1rem) + (var(--spacing--max--xl) - var(--spacing--min--xl)) * var(--fluid--breakpoint));
    --spacing--2xl: calc(((var(--spacing--min--2xl) / 16) * 1rem) + (var(--spacing--max--2xl) - var(--spacing--min--2xl)) * var(--fluid--breakpoint));
    --spacing--3xl: calc(((var(--spacing--min--3xl) / 16) * 1rem) + (var(--spacing--max--3xl) - var(--spacing--min--3xl)) * var(--fluid--breakpoint));
    --spacing--4xl: calc(((var(--spacing--min--4xl) / 16) * 1rem) + (var(--spacing--max--4xl) - var(--spacing--min--4xl)) * var(--fluid--breakpoint));
    --spacing--2xs-xs: calc(((var(--spacing--min--2xs) / 16) * 1rem) + (var(--spacing--max--xs) - var(--spacing--min--2xs)) * var(--fluid--breakpoint));
    --spacing--xs-sm: calc(((var(--spacing--min--xs) / 16) * 1rem) + (var(--spacing--max--sm) - var(--spacing--min--xs)) * var(--fluid--breakpoint));
    --spacing--xs-md: calc(((var(--spacing--min--xs) / 16) * 1rem) + (var(--spacing--max--md) - var(--spacing--min--xs)) * var(--fluid--breakpoint));
    --spacing--xs-lg: calc(((var(--spacing--min--xs) / 16) * 1rem) + (var(--spacing--max--lg) - var(--spacing--min--xs)) * var(--fluid--breakpoint));
    --spacing--xs-xl: calc(((var(--spacing--min--xs) / 16) * 1rem) + (var(--spacing--max--xl) - var(--spacing--min--xs)) * var(--fluid--breakpoint));
    --spacing--sm-md: calc(((var(--spacing--min--sm) / 16) * 1rem) + (var(--spacing--max--md) - var(--spacing--min--sm)) * var(--fluid--breakpoint));
    --spacing--sm-lg: calc(((var(--spacing--min--sm) / 16) * 1rem) + (var(--spacing--max--lg) - var(--spacing--min--sm)) * var(--fluid--breakpoint));
    --spacing--sm-xl: calc(((var(--spacing--min--sm) / 16) * 1rem) + (var(--spacing--max--xl) - var(--spacing--min--sm)) * var(--fluid--breakpoint));
    --spacing--md-lg: calc(((var(--spacing--min--md) / 16) * 1rem) + (var(--spacing--max--lg) - var(--spacing--min--md)) * var(--fluid--breakpoint));
    --spacing--md-xl: calc(((var(--spacing--min--md) / 16) * 1rem) + (var(--spacing--max--xl) - var(--spacing--min--md)) * var(--fluid--breakpoint));
    --spacing--lg-xl: calc(((var(--spacing--min--lg) / 16) * 1rem) + (var(--spacing--max--xl) - var(--spacing--min--lg)) * var(--fluid--breakpoint));
    --spacing--xl-2xl: calc(((var(--spacing--min--xl) / 16) * 1rem) + (var(--spacing--max--2xl) - var(--spacing--min--xl)) * var(--fluid--breakpoint));
    --spacing--2xl-3xl: calc(((var(--spacing--min--2xl) / 16) * 1rem) + (var(--spacing--max--3xl) - var(--spacing--min--2xl)) * var(--fluid--breakpoint));
    --spacing--3xl-4xl: calc(((var(--spacing--min--3xl) / 16) * 1rem) + (var(--spacing--max--4xl) - var(--spacing--min--3xl)) * var(--fluid--breakpoint));
    --spacing: var(--spacing--md);
    --toggle--border-top-width: var(--border-top-width);
    --toggle--border-top-style: var(--border-top-style);
    --toggle--border-top-color: var(--color-light--shade-50);
    --toggle--border-right-width: var(--border-right-width);
    --toggle--border-right-style: var(--border-right-style);
    --toggle--border-right-color: var(--color-light--shade-50);
    --toggle--border-bottom-width: var(--border-bottom-width);
    --toggle--border-bottom-style: var(--border-bottom-style);
    --toggle--border-bottom-color: var(--color-light--shade-50);
    --toggle--border-left-width: var(--border-left-width);
    --toggle--border-left-style: var(--border-left-style);
    --toggle--border-left-color: var(--color-light--shade-50);
    --toggle--box-shadow-offset-x: var(--box-shadow-offset-x);
    --toggle--box-shadow-offset-y: var(--box-shadow-offset-y);
    --toggle--box-shadow-blur-radius: var(--box-shadow-blur-radius);
    --toggle--box-shadow-spread-radius: var(--box-shadow-spread-radius);
    --toggle--box-shadow-color: var(--box-shadow-color);
    --toggle--font-size: var(--font-size--md);
    --toggle--line-height: var(--line-height);
    --toggle--transition-property: var(--transition-property);
    --toggle--transition-duration: var(--transition-duration);
    --toggle--transition-timing-function: var(--transition-timing-function);
    --toggle--indicator--scale: 0.8;
    --toggle--indicator--transition-property: background, transform, top, left;
    --toggle--indicator--transition-duration: var(--transition-duration);
    --toggle--indicator--transition-timing-function: var(--transition-timing-function);
    --toggle--indicator--background: var(--color-white);
    --toggle--indicator--margin-top: 0;
    --toggle--indicator--margin-right: 0;
    --toggle--indicator--margin-bottom: 0;
    --toggle--indicator--margin-left: 0;
    --toggle--indicator--border-top-left-radius: var(--border-top-left-radius--md);
    --toggle--indicator--border-top-right-radius: var(--border-top-right-radius--md);
    --toggle--indicator--border-bottom-right-radius: var(--border-bottom-right-radius--md);
    --toggle--indicator--border-bottom-left-radius: var(--border-bottom-left-radius--md);
    --toggle--disabled--color: var(--text-color--weak);
    --toggle--disabled--background: var(--color-light);
    --toggle--disabled--border-top-width: 0;
    --toggle--disabled--border-top-style: none;
    --toggle--disabled--border-top-color: var(--color-light--shade-50);
    --toggle--disabled--border-right-width: 0;
    --toggle--disabled--border-right-style: none;
    --toggle--disabled--border-right-color: var(--color-light--shade-50);
    --toggle--disabled--border-bottom-width: 0;
    --toggle--disabled--border-bottom-style: none;
    --toggle--disabled--border-bottom-color: var(--color-light--shade-50);
    --toggle--disabled--border-left-width: 0;
    --toggle--disabled--border-left-style: none;
    --toggle--disabled--border-left-color: var(--color-light--shade-50);
    --toggle--disabled--indicator--background: var(--color-light--shade-150);
    --toggle--readonly--color: var(--text-color--weak);
    --toggle--readonly--background: var(--color-light--tint-50);
    --toggle--readonly--border-top-width: 0;
    --toggle--readonly--border-top-style: none;
    --toggle--readonly--border-top-color: var(--color-light--shade-50);
    --toggle--readonly--border-right-width: 0;
    --toggle--readonly--border-right-style: none;
    --toggle--readonly--border-right-color: var(--color-light--shade-50);
    --toggle--readonly--border-bottom-width: 0;
    --toggle--readonly--border-bottom-style: none;
    --toggle--readonly--border-bottom-color: var(--color-light--shade-50);
    --toggle--readonly--border-left-width: 0;
    --toggle--readonly--border-left-style: none;
    --toggle--readonly--border-left-color: var(--color-light--shade-50);
    --toggle--readonly--indicator--background: var(--color-light--shade-50);
    --toggle--background: var(--color-light);
    --toggle--color: var(--contrast-text-color-light);
    --toggle--checked--background: var(--color-primary);
    --toggle--checked--border-top-width: 0;
    --toggle--checked--border-top-style: none;
    --toggle--checked--border-top-color: var(--color-primary--shade-50);
    --toggle--checked--border-right-width: 0;
    --toggle--checked--border-right-style: none;
    --toggle--checked--border-right-color: var(--color-primary--shade-50);
    --toggle--checked--border-bottom-width: 0;
    --toggle--checked--border-bottom-style: none;
    --toggle--checked--border-bottom-color: var(--color-primary--shade-50);
    --toggle--checked--border-left-width: 0;
    --toggle--checked--border-left-style: none;
    --toggle--checked--border-left-color: var(--color-primary--shade-50);
    --toggle--checked--disabled--background: var(--color-primary--200);
    --toggle--checked--disabled--border-top-width: 0;
    --toggle--checked--disabled--border-top-style: none;
    --toggle--checked--disabled--border-top-color: var(--color-primary--300);
    --toggle--checked--disabled--border-right-width: 0;
    --toggle--checked--disabled--border-right-style: none;
    --toggle--checked--disabled--border-right-color: var(--color-primary--300);
    --toggle--checked--disabled--border-bottom-width: 0;
    --toggle--checked--disabled--border-bottom-style: none;
    --toggle--checked--disabled--border-bottom-color: var(--color-primary--300);
    --toggle--checked--disabled--border-left-width: 0;
    --toggle--checked--disabled--border-left-style: none;
    --toggle--checked--disabled--border-left-color: var(--color-primary--300);
    --toggle--checked--disabled--indicator--background: var(--color-light--tint-50);
    --toggle--checked--readonly--background: var(--color-primary--300);
    --toggle--checked--readonly--border-top-width: 0;
    --toggle--checked--readonly--border-top-style: none;
    --toggle--checked--readonly--border-top-color: var(--color-primary--400);
    --toggle--checked--readonly--border-right-width: 0;
    --toggle--checked--readonly--border-right-style: none;
    --toggle--checked--readonly--border-right-color: var(--color-primary--400);
    --toggle--checked--readonly--border-bottom-width: 0;
    --toggle--checked--readonly--border-bottom-style: none;
    --toggle--checked--readonly--border-bottom-color: var(--color-primary--400);
    --toggle--checked--readonly--border-left-width: 0;
    --toggle--checked--readonly--border-left-style: none;
    --toggle--checked--readonly--border-left-color: var(--color-primary--400);
    --toggle--checked--readonly--indicator--background: var(--color-light--tint-100);
    --toggle--checked--indicator--background: var(--color-white);
    --toggle--border-top-left-radius: var(--border-top-left-radius--md);
    --toggle--border-top-right-radius: var(--border-top-right-radius--md);
    --toggle--border-bottom-right-radius: var(--border-bottom-right-radius--md);
    --toggle--border-bottom-left-radius: var(--border-bottom-left-radius--md);
    --toggle--margin-top: 0;
    --toggle--margin-right: calc(var(--spacing--md) * 0.5);
    --toggle--margin-bottom: 0;
    --toggle--margin-left: 0;
    --toggle--width: calc(var(--spacing--md) * 2);
    --toggle--height: var(--spacing--md);
    --toggle--sm--border-top-left-radius: var(--border-top-left-radius--sm);
    --toggle--sm--border-top-right-radius: var(--border-top-right-radius--sm);
    --toggle--sm--border-bottom-right-radius: var(--border-bottom-right-radius--sm);
    --toggle--sm--border-bottom-left-radius: var(--border-bottom-left-radius--sm);
    --toggle--sm--font-size: var(--font-size--sm);
    --toggle--sm--margin-top: 0;
    --toggle--sm--margin-right: calc(var(--spacing--sm) * 0.5);
    --toggle--sm--margin-bottom: 0;
    --toggle--sm--margin-left: 0;
    --toggle--sm--width: calc(var(--spacing--sm) * 2);
    --toggle--sm--height: var(--spacing--sm);
    --toggle--sm--indicator--margin-top: 0;
    --toggle--sm--indicator--margin-right: 0;
    --toggle--sm--indicator--margin-bottom: 0;
    --toggle--sm--indicator--margin-left: 0;
    --toggle--sm--indicator--border-top-left-radius: var(--border-top-left-radius--sm);
    --toggle--sm--indicator--border-top-right-radius: var(--border-top-right-radius--sm);
    --toggle--sm--indicator--border-bottom-right-radius: var(--border-bottom-right-radius--sm);
    --toggle--sm--indicator--border-bottom-left-radius: var(--border-bottom-left-radius--sm);
    --toggle--md--border-top-left-radius: var(--border-top-left-radius--md);
    --toggle--md--border-top-right-radius: var(--border-top-right-radius--md);
    --toggle--md--border-bottom-right-radius: var(--border-bottom-right-radius--md);
    --toggle--md--border-bottom-left-radius: var(--border-bottom-left-radius--md);
    --toggle--md--font-size: var(--font-size--md);
    --toggle--md--margin-top: 0;
    --toggle--md--margin-right: calc(var(--spacing--md) * 0.5);
    --toggle--md--margin-bottom: 0;
    --toggle--md--margin-left: 0;
    --toggle--md--width: calc(var(--spacing--md) * 2);
    --toggle--md--height: var(--spacing--md);
    --toggle--md--indicator--margin-top: 0;
    --toggle--md--indicator--margin-right: 0;
    --toggle--md--indicator--margin-bottom: 0;
    --toggle--md--indicator--margin-left: 0;
    --toggle--md--indicator--border-top-left-radius: var(--border-top-left-radius--md);
    --toggle--md--indicator--border-top-right-radius: var(--border-top-right-radius--md);
    --toggle--md--indicator--border-bottom-right-radius: var(--border-bottom-right-radius--md);
    --toggle--md--indicator--border-bottom-left-radius: var(--border-bottom-left-radius--md);
    --toggle--lg--border-top-left-radius: var(--border-top-left-radius--lg);
    --toggle--lg--border-top-right-radius: var(--border-top-right-radius--lg);
    --toggle--lg--border-bottom-right-radius: var(--border-bottom-right-radius--lg);
    --toggle--lg--border-bottom-left-radius: var(--border-bottom-left-radius--lg);
    --toggle--lg--font-size: var(--font-size--lg);
    --toggle--lg--margin-top: 0;
    --toggle--lg--margin-right: calc(var(--spacing--lg) * 0.5);
    --toggle--lg--margin-bottom: 0;
    --toggle--lg--margin-left: 0;
    --toggle--lg--width: calc(var(--spacing--lg) * 2);
    --toggle--lg--height: var(--spacing--lg);
    --toggle--lg--indicator--margin-top: 0;
    --toggle--lg--indicator--margin-right: 0;
    --toggle--lg--indicator--margin-bottom: 0;
    --toggle--lg--indicator--margin-left: 0;
    --toggle--lg--indicator--border-top-left-radius: var(--border-top-left-radius--lg);
    --toggle--lg--indicator--border-top-right-radius: var(--border-top-right-radius--lg);
    --toggle--lg--indicator--border-bottom-right-radius: var(--border-bottom-right-radius--lg);
    --toggle--lg--indicator--border-bottom-left-radius: var(--border-bottom-left-radius--lg);
    --toggle--light--background: var(--color-light);
    --toggle--light--border-top-width: 0;
    --toggle--light--border-top-style: none;
    --toggle--light--border-top-color: var(--color-light--shade-50);
    --toggle--light--border-right-width: 0;
    --toggle--light--border-right-style: none;
    --toggle--light--border-right-color: var(--color-light--shade-50);
    --toggle--light--border-bottom-width: 0;
    --toggle--light--border-bottom-style: none;
    --toggle--light--border-bottom-color: var(--color-light--shade-50);
    --toggle--light--border-left-width: 0;
    --toggle--light--border-left-style: none;
    --toggle--light--border-left-color: var(--color-light--shade-50);
    --toggle--light--color: var(--contrast-text-color-light);
    --toggle--light--disabled--background: var(--color-light);
    --toggle--light--disabled--border-top-width: 0;
    --toggle--light--disabled--border-top-style: none;
    --toggle--light--disabled--border-top-color: var(--color-light--shade-50);
    --toggle--light--disabled--border-right-width: 0;
    --toggle--light--disabled--border-right-style: none;
    --toggle--light--disabled--border-right-color: var(--color-light--shade-50);
    --toggle--light--disabled--border-bottom-width: 0;
    --toggle--light--disabled--border-bottom-style: none;
    --toggle--light--disabled--border-bottom-color: var(--color-light--shade-50);
    --toggle--light--disabled--border-left-width: 0;
    --toggle--light--disabled--border-left-style: none;
    --toggle--light--disabled--border-left-color: var(--color-light--shade-50);
    --toggle--light--disabled--indicator--background: var(--color-light--shade-150);
    --toggle--light--readonly--background: var(--color-light--tint-50);
    --toggle--light--readonly--border-top-width: 0;
    --toggle--light--readonly--border-top-style: none;
    --toggle--light--readonly--border-top-color: var(--color-light--shade-50);
    --toggle--light--readonly--border-right-width: 0;
    --toggle--light--readonly--border-right-style: none;
    --toggle--light--readonly--border-right-color: var(--color-light--shade-50);
    --toggle--light--readonly--border-bottom-width: 0;
    --toggle--light--readonly--border-bottom-style: none;
    --toggle--light--readonly--border-bottom-color: var(--color-light--shade-50);
    --toggle--light--readonly--border-left-width: 0;
    --toggle--light--readonly--border-left-style: none;
    --toggle--light--readonly--border-left-color: var(--color-light--shade-50);
    --toggle--light--readonly--indicator--background: var(--color-light--shade-50);
    --toggle--light--checked--background: var(--color-primary);
    --toggle--light--checked--border-top-width: 0;
    --toggle--light--checked--border-top-style: none;
    --toggle--light--checked--border-top-color: var(--color-primary--shade-50);
    --toggle--light--checked--border-right-width: 0;
    --toggle--light--checked--border-right-style: none;
    --toggle--light--checked--border-right-color: var(--color-primary--shade-50);
    --toggle--light--checked--border-bottom-width: 0;
    --toggle--light--checked--border-bottom-style: none;
    --toggle--light--checked--border-bottom-color: var(--color-primary--shade-50);
    --toggle--light--checked--border-left-width: 0;
    --toggle--light--checked--border-left-style: none;
    --toggle--light--checked--border-left-color: var(--color-primary--shade-50);
    --toggle--light--checked--disabled--background: var(--color-primary--200);
    --toggle--light--checked--disabled--border-top-width: 0;
    --toggle--light--checked--disabled--border-top-style: none;
    --toggle--light--checked--disabled--border-top-color: var(--color-primary--300);
    --toggle--light--checked--disabled--border-right-width: 0;
    --toggle--light--checked--disabled--border-right-style: none;
    --toggle--light--checked--disabled--border-right-color: var(--color-primary--300);
    --toggle--light--checked--disabled--border-bottom-width: 0;
    --toggle--light--checked--disabled--border-bottom-style: none;
    --toggle--light--checked--disabled--border-bottom-color: var(--color-primary--300);
    --toggle--light--checked--disabled--border-left-width: 0;
    --toggle--light--checked--disabled--border-left-style: none;
    --toggle--light--checked--disabled--border-left-color: var(--color-primary--300);
    --toggle--light--checked--disabled--indicator--background: var(--color-light--tint-50);
    --toggle--light--checked--readonly--background: var(--color-primary--300);
    --toggle--light--checked--readonly--border-top-width: 0;
    --toggle--light--checked--readonly--border-top-style: none;
    --toggle--light--checked--readonly--border-top-color: var(--color-primary--400);
    --toggle--light--checked--readonly--border-right-width: 0;
    --toggle--light--checked--readonly--border-right-style: none;
    --toggle--light--checked--readonly--border-right-color: var(--color-primary--400);
    --toggle--light--checked--readonly--border-bottom-width: 0;
    --toggle--light--checked--readonly--border-bottom-style: none;
    --toggle--light--checked--readonly--border-bottom-color: var(--color-primary--400);
    --toggle--light--checked--readonly--border-left-width: 0;
    --toggle--light--checked--readonly--border-left-style: none;
    --toggle--light--checked--readonly--border-left-color: var(--color-primary--400);
    --toggle--light--checked--readonly--indicator--background: var(--color-light--tint-100);
    --toggle--light--checked--indicator--background: var(--color-white);
    --toggle--light--indicator--background: var(--color-white);
    --toggle--dark--background: var(--color-dark);
    --toggle--dark--border-top-width: 0;
    --toggle--dark--border-top-style: none;
    --toggle--dark--border-top-color: var(--color-dark--tint-50);
    --toggle--dark--border-right-width: 0;
    --toggle--dark--border-right-style: none;
    --toggle--dark--border-right-color: var(--color-dark--tint-50);
    --toggle--dark--border-bottom-width: 0;
    --toggle--dark--border-bottom-style: none;
    --toggle--dark--border-bottom-color: var(--color-dark--tint-50);
    --toggle--dark--border-left-width: 0;
    --toggle--dark--border-left-style: none;
    --toggle--dark--border-left-color: var(--color-dark--tint-50);
    --toggle--dark--color: var(--contrast-text-color-dark);
    --toggle--dark--disabled--background: var(--color-dark--tint-100);
    --toggle--dark--disabled--border-top-width: 0;
    --toggle--dark--disabled--border-top-style: none;
    --toggle--dark--disabled--border-top-color: var(--color-dark--tint-150);
    --toggle--dark--disabled--border-right-width: 0;
    --toggle--dark--disabled--border-right-style: none;
    --toggle--dark--disabled--border-right-color: var(--color-dark--tint-150);
    --toggle--dark--disabled--border-bottom-width: 0;
    --toggle--dark--disabled--border-bottom-style: none;
    --toggle--dark--disabled--border-bottom-color: var(--color-dark--tint-150);
    --toggle--dark--disabled--border-left-width: 0;
    --toggle--dark--disabled--border-left-style: none;
    --toggle--dark--disabled--border-left-color: var(--color-dark--tint-150);
    --toggle--dark--disabled--indicator--background: var(--color-gray--300);
    --toggle--dark--readonly--background: var(--color-dark--tint-50);
    --toggle--dark--readonly--border-top-width: 0;
    --toggle--dark--readonly--border-top-style: none;
    --toggle--dark--readonly--border-top-color: var(--color-dark--tint-100);
    --toggle--dark--readonly--border-right-width: 0;
    --toggle--dark--readonly--border-right-style: none;
    --toggle--dark--readonly--border-right-color: var(--color-dark--tint-100);
    --toggle--dark--readonly--border-bottom-width: 0;
    --toggle--dark--readonly--border-bottom-style: none;
    --toggle--dark--readonly--border-bottom-color: var(--color-dark--tint-100);
    --toggle--dark--readonly--border-left-width: 0;
    --toggle--dark--readonly--border-left-style: none;
    --toggle--dark--readonly--border-left-color: var(--color-dark--tint-100);
    --toggle--dark--readonly--indicator--background: var(--color-gray--300);
    --toggle--dark--checked--background: var(--color-primary);
    --toggle--dark--checked--border-top-width: 0;
    --toggle--dark--checked--border-top-style: none;
    --toggle--dark--checked--border-top-color: var(--color-primary--tint-50);
    --toggle--dark--checked--border-right-width: 0;
    --toggle--dark--checked--border-right-style: none;
    --toggle--dark--checked--border-right-color: var(--color-primary--tint-50);
    --toggle--dark--checked--border-bottom-width: 0;
    --toggle--dark--checked--border-bottom-style: none;
    --toggle--dark--checked--border-bottom-color: var(--color-primary--tint-50);
    --toggle--dark--checked--border-left-width: 0;
    --toggle--dark--checked--border-left-style: none;
    --toggle--dark--checked--border-left-color: var(--color-primary--tint-50);
    --toggle--dark--checked--disabled--background: var(--color-primary--800);
    --toggle--dark--checked--disabled--border-top-width: 0;
    --toggle--dark--checked--disabled--border-top-style: none;
    --toggle--dark--checked--disabled--border-top-color: var(--color-primary--700);
    --toggle--dark--checked--disabled--border-right-width: 0;
    --toggle--dark--checked--disabled--border-right-style: none;
    --toggle--dark--checked--disabled--border-right-color: var(--color-primary--700);
    --toggle--dark--checked--disabled--border-bottom-width: 0;
    --toggle--dark--checked--disabled--border-bottom-style: none;
    --toggle--dark--checked--disabled--border-bottom-color: var(--color-primary--700);
    --toggle--dark--checked--disabled--border-left-width: 0;
    --toggle--dark--checked--disabled--border-left-style: none;
    --toggle--dark--checked--disabled--border-left-color: var(--color-primary--700);
    --toggle--dark--checked--disabled--indicator--background: var(--color-gray--300);
    --toggle--dark--checked--readonly--background: var(--color-primary--700);
    --toggle--dark--checked--readonly--border-top-width: 0;
    --toggle--dark--checked--readonly--border-top-style: none;
    --toggle--dark--checked--readonly--border-top-color: var(--color-primary--600);
    --toggle--dark--checked--readonly--border-right-width: 0;
    --toggle--dark--checked--readonly--border-right-style: none;
    --toggle--dark--checked--readonly--border-right-color: var(--color-primary--600);
    --toggle--dark--checked--readonly--border-bottom-width: 0;
    --toggle--dark--checked--readonly--border-bottom-style: none;
    --toggle--dark--checked--readonly--border-bottom-color: var(--color-primary--600);
    --toggle--dark--checked--readonly--border-left-width: 0;
    --toggle--dark--checked--readonly--border-left-style: none;
    --toggle--dark--checked--readonly--border-left-color: var(--color-primary--600);
    --toggle--dark--checked--readonly--indicator--background: var(--color-light);
    --toggle--dark--checked--indicator--background: var(--color-white);
    --toggle--dark--indicator--background: var(--color-white);
}
